﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="MedicalCare.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
head content
<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.js"></script> 
<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script> 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>无标题文档</title>  
<link rel="stylesheet" href="Styles/Layout.css" />  
<!--引入css样式库-->  
<script>
    $(function () {
        $(".tit > ul:gt(0)").hide();
        $(".tit").click(function () {
            $(this).children("ul").slideDown(300).end()
        .siblings().children("ul").slideUp(300);
        });
    });   
</script>

<script>
    //当窗体加载完毕的时候，触发该匿名函数  
    //$(domcument)  把dom对象转换成jquery对象  
    $(function () {


        //根据ID选择器获取当前的id选择器的jquery对象  
        $("#tabs").tabs({

            event: "click",
            //disabled:[1],//面板不可用  1    


            fx: {
                opacity: 'toggle'//从无到有的效果  

            }, selected: 2

        });

        $("#tabs").tabs("remove", 2);

        $("#tabs").tabs("add", "tab4.html", 'four');
    })  
  
  
</script>  
</head>  
  
<body>  
    <h1>模拟tabs效果</h1>  
  
<div class="sideBarNav">  
    <div class="tit">  
        <span class="innerTit">标题1</span>  
        <ul>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
        </ul>  
    </div>  
    <div class="tit">  
        <span class="innerTit">标题1</span>  
        <ul>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
        </ul>  
    </div>  
    <div class="tit">  
        <span class="innerTit">标题1</span>  
        <ul>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
            <li><a href="javascript:void(0)" mce_href="javascript:void(0)">测试连接</a></li>  
        </ul>  
    </div>  
</div>  
</body>  
</html>  
</asp:Content>
